.flex-h{
  display: flex;
  &--vertical-center{
    align-items: center;
  }
  &--vertical-baseline{
    align-items: baseline;
  }
  &--space-between{
    justify-content: space-between;
  }
}
.flex-v{
  display: flex;
  flex-direction: column;
  &--vertical-center{
    justify-content: center;
  }
}


.padding-r{
  &--small{
    padding-right: 8px;
  }
  &--normal{
    padding-right: 28px;
  }
}


.margin-v{
  &--small{
    margin-top: 12px;
    margin-bottom: 12px;
  }
  &--normal{
    margin-top: 28px;
    margin-bottom: 28px;
  }
}

.padding-v{
  &--small{
    padding-top: 12px;
    padding-bottom: 12px;
  }
  &--normal{
    padding-top: 28px;
    padding-bottom: 28px;
  }
}


.margin-h{
  &--small{
    margin-left: 12px;
    margin-right: 12px;
  }
  &--normal{
    margin-left: 28px;
    margin-right: 28px;
  }
}

.margin-r{
  &--small{
    margin-right: 12px;
  }
  &--normal{
    margin-right: 28px;
  }
}

.margin-l{
  &--small{
    margin-left: 12px;
  }
  &--normal{
    margin-left: 28px;
  }
}

.fix-bottom{
  position: fixed;
  bottom: 0;
  width: 90%;
  left:5%;
}
.height-spacer{
  height: 100px;
}

.width-spacer{
  display: inline-block;
  width: 24px;
}
